<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--
    列表
      1. 无序列表        ul  li
      2. 有序列表        ol  li
      3. 自定义列表      dl  dt(顶格)  dd
-->
<h1>无序列表</h1>
<ul>
  <li>无序列表1</li>
  <li>无序列表2</li>
  <li>无序列表3</li>
  <li>无序列表4</li>
</ul>

<h2>有序列表</h2>
<ol>
  <li>有序列表1</li>
  <li>有序列表2</li>
  <li>有序列表3</li>
  <li>有序列表4</li>
</ol>

<h3>自定义列表</h3>
<dl>
  <dd>水果</dd>
  <dt>香蕉</dt>
  <dt>苹果</dt>
  <dd>橘子</dd>
  <dd>蔬菜</dd>
  <dt>香蕉</dt>
  <dd>苹果</dd>
  <dt>橘子</dt>
</dl>

</body>
</html>